<template>
  <div>
    <p>{{ state && state.name }}</p>
  </div>
</template>
<script>
import { ref } from 'vue'

export default {
  setup() {
    // 有时候这个数据是后端返回的，不确定是什么类型，初始可以用 ref
    const state = ref(null)

    setTimeout(() => {
      // 一定不要忘了加 .value
      state.value = {
        name: 'xxx',
        age: 18,
      }
    }, 1000)
    return { state }
  },
}
</script>
